<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣源</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap container_960" v-cloak id="designer_i">
        <header-top></header-top>
        <common-login-head text="设计师首页"></common-login-head>
        <div class="designer_bg">
            <div class="designer_i container">
                <!-- 添加作品 -->
                <a class="designer_i-add" href="#" @click = targetAddWork()><i class="icon-designer_i_add"></i>添加作品</a>
                <div class="top" :style="{background:'url(../../img/jusj_designer_index.png)'}">
                    <div class="top-head-border">
                        <div class="top-head">
                            <div class="top-head-img"><img :src="top.head" style="width: 100px;height: 100px;"></div>
                            <div class="top-head-tag">{{top.tag}}</div>
                        </div>
                    </div>
                    <h1>{{top.name}}</h1>
                    <h2>{{top.text}}</h2>
                    <!--<div class="top-btn">-->
                        <!--<a href="#" class="top-btn-bright top-btn-long">找TA设计</a>-->
                        <!--<a class="top-btn-dark top-btn-long">关注</a>-->
                        <!--<a class="top-btn-dark top-btn-short" title="分享"><i class="icon-designer_share"></i></a>-->
                    <!--</div>-->
                </div>
                <div class="con">
                    <div class="con-col" v-for="item in conlist">
                        <div class="con-col-title">
                            <h1>{{item.name}}</h1>
                            <div class="con-col-title-btn">
                                <p :title="item.pub?'点击变更为私密':'点击变更为公开'" @click="clickWorkPub(item.id)">{{item.pub?'公开':'私密'}}<i class="icon-designer_i_lock" v-show="!item.pub"></i></p>
                                <a @click="targetWorkUpdateUrl(item.id)"><i class="icon-designer_i_edit"></i>修改</a>
                            </div>
                        </div>
                        <div class="con-col-imglist">
                            <div class="con-col-imglist-img" v-for="subitem in item.imgList">
                                <img :src="subitem.fileUrl" :title="subitem.fileName" style="width: 210px; height: 210px;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="designer_bg">
            <common-login-footer class="pt-30 pb-60"></common-login-footer>
        </div>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        designer_i();
    </script>
</body>

</html>